/*section{padding:50px 0;}*/
.margin_top{margin-top: 8%;}
.position_relative{position:relative;}
.white_font{color:#fff;}

/*ÐÂÔöÑùÊ½*/
.index_scenarios{ }
.index_scenarios h1{ color:#1f449c; text-align: center; margin-bottom: 20px; font-size: 40px; }
.index_scenarios ul li{margin-bottom: 30px; }
.index_scenarios .sce img{width: 100%;}
.index_scenarios .sce p{ color: #646464; font-size: 14px; text-align: center; margin-top: 10px;}




@media (max-width: 480px) {
    .index_pro form{ width:60%;border:1px solid #1f449c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
        position:relative;padding:5px;margin-top: 10px;}
    .index_pro input[type='text']{width:86%;background:transparent;border:0;font-size:12px;}
    .index_pro input[type='submit']{position:absolute;right:0;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_pro i{color: #1f449c;padding-right: 5px;}

    .index_pro .index_pro_h{ font-size: 30px; color: #1f449c; margin-top: 15px;}
    .index_pro .index_pro_h span{ font-size: 20px ;color: #505050;}
    .index_pro p{ font-size: 14px ;}

    .index_pro .index_pro_left{ margin-top: 50px;padding-left: 0;  }
    .index_pro .index_pro_left img{ width: 100%; }
    .index_pro .index_pro_right{ margin-top: 50px;padding-left: 0; padding-right: 0; margin-bottom: 50px; }
    .index_pro .index_pro_right img{ width: 100%; }
    .index_pro .index_pro_right .index_pro_r_list{ margin-bottom: 38px;}
    .index_pro .index_pro_right .index_pro_more{ margin-top:38px;}

    .index_pro a.image{display: block;position:relative;}
    .index_pro .index_title{position:absolute;width:100%;height:25%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:75%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; padding: 20px ; color: #fff; font-size: 24px;}

    .index_pro .index_pro_right .index_title{position:absolute;width:100%;height:20%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:80%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; text-align: center; color: #fff; font-size: 18px;}

    .index_pro  .index_pro_left .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_left .list_pro .layer img {  position:relative; width:10%;top:32%; left: 42%;}
    .index_pro  .index_pro_left .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_left .list_pro:hover .layer span{ position:absolute;color: #fff; top:55%; left: 36%; font-size: 18px;}
    .index_pro .index_pro_left  .list_pro:hover .index_title{ display: none;}
    .index_pro  .index_pro_right .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_right .list_pro .layer img {  position:relative; width:20%;top:25%; left: 40%;}
    .index_pro  .index_pro_right .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_right .list_pro:hover .layer span{ position:absolute;color: #fff; top:60%; left: 25%; font-size: 18px;}
    .index_pro .index_pro_right  .list_pro:hover .index_title{ display: none;}

    .index_pro .index_sp{ margin-top:50px; }
    .index_pro .index_sp img { width: 100%;}
    .index_pro .index_sp p{ font-size: 14px; color: #333;text-decoration:underline; margin-top: 10px;}
    .index_pro .index_about{ margin-top: 50px;}
    .index_pro .index_about h3{ font-size: 20px;}
    .index_pro .index_about h1{ font-weight: bold;  font-size: 30px; color: #1f449c; margin-top: 15px; letter-spacing: 0.05em;}
    .index_pro .index_about p{ font-size: 14px; color: #646464; margin-top: 50px;}
    .index_pro .index_about img{ margin-top: 35px; width: 100%;}
    .index_pro .index_wait{ margin-top: 30px;}
    .index_pro .index_wait img{ width: 100%;}

    .index_pro_more img{ margin-top: -30px;}

    .index_advantages { background: url("../images/index_ad_bg.png") center top no-repeat;}
    .index_advantages .index_ad_h{  font-size: 40px; color:#333; font-weight: bold; text-align: center; letter-spacing: 0.05em;  margin-top: 40px;}
    .index_advantages .index_ad_h span{ color: #1f449c;}
    .index_advantages p{ text-align: center; color: #6c6c6c; font-size: 18px; margin-top: 20px; padding: 0 25px;}
    .index_advantages .index_ad_1{ margin-top:80px; float: left;}
    .index_advantages .index_ad_1 .index_ad{ background-color: #fff; border: 1px #ddd solid;}
    .index_advantages .index_ad_1 .index_ad .index_ad_a{ background: url("../images/index_ad_1.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_b{ background: url("../images/index_ad_2.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_c{ background: url("../images/index_ad_3.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_d{ background: url("../images/index_ad_4.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad h3{ text-align: center;letter-spacing: 0.05em;}
    .index_advantages .index_ad_1 .index_ad p{ text-align: left; font-size: 14px; color: #818080; padding: 15px 10px 50px; line-height: 24px;}

    .index_advantages .index_ad_1 .index_ad:hover{ background-color: #1f449c; border: 1px #1f449c solid;}
    .index_advantages .index_ad_1 .index_ad:hover h3{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover p{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_a{ background: url("../images/index_ad_11.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_b{ background: url("../images/index_ad_22.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_c{ background: url("../images/index_ad_33.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_d{ background: url("../images/index_ad_44.png") center center no-repeat;}


    .index_news .index_news_h{ font-size: 40px; color: #1f449c; font-weight: bold; text-align: center; letter-spacing: 0.1em;}
    .index_news .index_news_h span{ color: #333; }
    .index_news p{ font-size: 16px; color: #6c6c6c; text-align: center; margin-top: 20px; letter-spacing: 0.1em}
    .index_news .index_news_nav{  margin-top: 50px; }
    .index_news .index_news_nav ul a{padding: 8px 15px; border: 1px #333 solid;  margin-right: 10px; }
    .index_news .index_news_con { margin-top: 50px;}
    .index_news .index_news_con .index_news_list{  margin-bottom: 20px; }
    .index_news .index_news_con .index_news_list .time{ background-color:#303030;float: left;text-align: center;font-weight: normal;
        vertical-align: middle; padding: 10px; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .time strong{font-size: 20px;display: block; color: #fff;}
    .index_news .index_news_con .index_news_list .time span{ display: block;color:#fff;font-size: 12px;}
    .index_news .index_news_con .index_news_list .i_n_c{ background-color: #f0f0f0; padding: 10px;
        float: left; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .i_n_c  .i_n_c_h{ font-size: 18px;color: #333;padding-left: 10px;white-space:nowrap;  text-overflow:ellipsis;
        -o-text-overflow:ellipsis;  overflow: hidden;}
    .index_news .index_news_con .index_news_list .i_n_c p{ font-size: 14px; color: #787878; margin-top: 14px; text-overflow:ellipsis;
        overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;   }
    .index_news .index_news_con .index_news_list:hover .time { background-color: #1f449c; border: 1px #1f449c solid;}
    .index_news .index_news_con .index_news_list:hover .i_n_c { border: 1px #1f449c solid;}

}


@media (min-width:480px) and (max-width:768px){
    .index_pro form{width:20%;border:1px solid #1f449c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
        position:relative;padding:5px;margin-top: 10px;}
    .index_pro input[type='text']{width:89%;background:transparent;border:0;font-size:12px;}
    .index_pro input[type='submit']{position:absolute;right:0;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_pro i{color: #1f449c;padding-right: 5px;}

    .index_pro .index_pro_h{ font-size: 40px; color: #1f449c;}
    .index_pro .index_pro_h span{ font-size: 24px ;color: #505050;}
    .index_pro p{ font-size: 16px ;}

    .index_pro .index_pro_left{ margin-top: 50px;padding-left: 0;  }
    .index_pro .index_pro_left img{ width: 100%; }
    .index_pro .index_pro_right{ margin-top: 50px;padding-left: 0; padding-right: 0 }
    .index_pro .index_pro_right img{ width: 100%; }
    .index_pro .index_pro_right .index_pro_r_list{ margin-bottom: 38px;}

    .index_pro a.image{display: block;position:relative;}
    .index_pro .index_title{position:absolute;width:100%;height:15%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:85%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; padding: 20px ; color: #fff; font-size: 24px;}

    .index_pro .index_pro_right .index_title{position:absolute;width:100%;height:20%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:80%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; text-align: center; color: #fff; font-size: 18px;}

    .index_pro  .index_pro_left .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_left .list_pro .layer img {  position:relative; width:10%;top:32%; left: 42%;}
    .index_pro  .index_pro_left .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_left .list_pro:hover .layer span{ position:absolute;color: #fff; top:55%; left: 36%; font-size: 18px;}
    .index_pro .index_pro_left  .list_pro:hover .index_title{ display: none;}
    .index_pro  .index_pro_right .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_right .list_pro .layer img {  position:relative; width:20%;top:25%; left: 40%;}
    .index_pro  .index_pro_right .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_right .list_pro:hover .layer span{ position:absolute;color: #fff; top:60%; left: 25%; font-size: 18px;}
    .index_pro .index_pro_right  .list_pro:hover .index_title{ display: none;}

    .index_pro .index_sp{ margin-top: 100px; }
    .index_pro .index_sp img { width: 100%;}
    .index_pro .index_sp p{ font-size: 14px; color: #333;text-decoration:underline; margin-top: 10px;}
    .index_pro .index_about{ margin-top: 100px;}
    .index_pro .index_about h3{ font-size: 32px;}
    .index_pro .index_about h1{ font-weight: bold;  font-size: 42px; color: #1f449c; margin-top: 15px; letter-spacing: 0.05em;}
    .index_pro .index_about p{ font-size: 16px; color: #646464; margin-top: 50px;}
    .index_pro .index_about img{ margin-top: 35px; width: 100%;}
    .index_pro .index_wait{ margin-top: 100px;}
    .index_pro .index_wait img{ width: 100%;}

    .index_advantages { background: none;}
    .index_advantages .index_ad_h{  font-size: 40px; color:#333; font-weight: bold; text-align: center; letter-spacing: 0.05em;  margin-top: 40px;}
    .index_advantages .index_ad_h span{ color: #1f449c;}
    .index_advantages p{ text-align: center; color: #6c6c6c; font-size: 18px; margin-top: 20px;}
    .index_advantages .index_ad_1{ margin-top:80px; float: left; margin-bottom: 80px;}
    .index_advantages .index_ad_1 .index_ad{ background-color: #fff; border: 1px #ddd solid;}
    .index_advantages .index_ad_1 .index_ad .index_ad_a{ background: url("../images/index_ad_1.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_b{ background: url("../images/index_ad_2.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_c{ background: url("../images/index_ad_3.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_d{ background: url("../images/index_ad_4.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad h3{ text-align: center;letter-spacing: 0.05em;}
    .index_advantages .index_ad_1 .index_ad p{ text-align: left; font-size: 14px; color: #818080; padding: 15px 10px 50px; line-height: 24px;}

    .index_advantages .index_ad_1 .index_ad:hover{ background-color: #1f449c; border: 1px #1f449c solid;}
    .index_advantages .index_ad_1 .index_ad:hover h3{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover p{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_a{ background: url("../images/index_ad_11.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_b{ background: url("../images/index_ad_22.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_c{ background: url("../images/index_ad_33.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_d{ background: url("../images/index_ad_44.png") center center no-repeat;}



    .index_news .index_news_h{ font-size: 40px; color: #1f449c; font-weight: bold; text-align: center; letter-spacing: 0.1em;}
    .index_news .index_news_h span{ color: #333; }
    .index_news p{ font-size: 18px; color: #6c6c6c; text-align: center; margin-top: 20px; letter-spacing: 0.1em}
    .index_news .index_news_nav{  margin-top: 50px; }
    .index_news .index_news_nav ul a{padding: 10px 30px; border: 1px #333 solid;  margin-right:30px;}
    .index_news .index_news_con { margin-top: 50px; float: left; margin-bottom: 30px;}
    .index_news .index_news_con .index_news_list{ padding-left: 0;  margin-bottom: 20px; }
    .index_news .index_news_con .index_news_list .time{ background-color:#303030;float: left;text-align: center;font-weight: normal;
        vertical-align: middle; padding: 10px; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .time strong{font-size: 40px;display: block; color: #fff;}
    .index_news .index_news_con .index_news_list .time span{ display: block;color:#fff;font-size: 16px;}
    .index_news .index_news_con .index_news_list .i_n_c{ background-color: #f0f0f0; padding: 10px;
        float: left; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .i_n_c  .i_n_c_h{ font-size: 18px;color: #333;padding-left: 10px;white-space:nowrap;  text-overflow:ellipsis;
        -o-text-overflow:ellipsis;  overflow: hidden;}
    .index_news .index_news_con .index_news_list .i_n_c p{ font-size: 14px; color: #787878; margin-top: 14px; text-overflow:ellipsis;
        overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;   }
    .index_news .index_news_con .index_news_list:hover .time { background-color: #1f449c; border: 1px #1f449c solid;}
    .index_news .index_news_con .index_news_list:hover .i_n_c { border: 1px #1f449c solid;}



}

@media (max-width: 768px) {
    section{padding:20px 0;}


}

@media (min-width: 768px){
    section{padding:20px 0;}
    .index_pro form{ width:33%;border:1px solid #1f449c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
        position:relative;padding:5px;margin-top: 10px;}
    .index_pro input[type='text']{width:89%;background:transparent;border:0;font-size:12px;}
    .index_pro input[type='submit']{position:absolute;right:0;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_pro i{color: #1f449c;padding-right: 5px;}


    .index_pro .index_pro_h{ font-size: 40px; color: #1f449c;  margin-top: 10px;}
    .index_pro .index_pro_h span{ font-size: 24px ;color: #505050;}
    .index_pro p{ font-size: 16px ;}

    .index_pro .index_pro_left{ margin-top: 50px;padding-left: 0;  }
    .index_pro .index_pro_left img{ width: 100%; }
    .index_pro .index_pro_right{ margin-top: 50px;padding-left: 0; padding-right: 0 }
    .index_pro .index_pro_right img{ width: 100%; }
    .index_pro .index_pro_right .index_pro_r_list{ margin-bottom: 38px;}

    .index_pro a.image{display: block;position:relative;}
    .index_pro .index_title{position:absolute;width:100%;height:15%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:85%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; padding: 20px ; color: #fff; font-size: 24px;}

    .index_pro .index_pro_right .index_title{position:absolute;width:100%;height:20%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:80%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; text-align: center; color: #fff; font-size: 18px;}

    .index_pro  .index_pro_left .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_left .list_pro .layer img {  position:relative; width:10%;top:32%; left: 42%;}
    .index_pro  .index_pro_left .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_left .list_pro:hover .layer span{ position:absolute;color: #fff; top:55%; left: 36%; font-size: 18px;}
    .index_pro .index_pro_left  .list_pro:hover .index_title{ display: none;}
    .index_pro  .index_pro_right .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_right .list_pro .layer img {  position:relative; width:20%;top:25%; left: 40%;}
    .index_pro  .index_pro_right .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_right .list_pro:hover .layer span{ position:absolute;color: #fff; top:60%; left: 25%; font-size: 18px;}
    .index_pro .index_pro_right  .list_pro:hover .index_title{ display: none;}

    .index_pro .index_sp{ margin-top: 100px; margin-left: 25px;}
    .index_pro .index_sp img { width: 100%;}
    .index_pro .index_sp p{ font-size: 14px; color: #333;text-decoration:underline; margin-top: 10px;}
    .index_pro .index_about{ margin-top: 100px;}
    .index_pro .index_about h3{ font-size: 32px;}
    .index_pro .index_about h1{ font-weight: bold;  font-size: 42px; color: #1f449c; margin-top: 15px; letter-spacing: 0.05em;}
    .index_pro .index_about p{ font-size: 16px; color: #646464; margin-top: 50px;}
    .index_pro .index_about img{ margin-top: 35px; width: 100%;}
    .index_pro .index_wait{ margin-top: 100px;}
    .index_pro .index_wait img{ width: 100%;}


    .index_advantages { background: none;}
    .index_advantages .index_ad_h{  font-size: 40px; color:#333; font-weight: bold; text-align: center; letter-spacing: 0.05em;  margin-top: 40px;}
    .index_advantages .index_ad_h span{ color: #1f449c;}
    .index_advantages p{ text-align: center; color: #6c6c6c; font-size: 18px; margin-top: 20px;}
    .index_advantages .index_ad_1{ margin-top:80px; float: left; margin-bottom: 80px;}
    .index_advantages .index_ad_1 .index_ad{ background-color: #fff; border: 1px #ddd solid;}
    .index_advantages .index_ad_1 .index_ad .index_ad_a{ background: url("../images/index_ad_1.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_b{ background: url("../images/index_ad_2.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_c{ background: url("../images/index_ad_3.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_d{ background: url("../images/index_ad_4.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad h3{ text-align: center;letter-spacing: 0.05em;}
    .index_advantages .index_ad_1 .index_ad p{ text-align: left; font-size: 14px; color: #818080; padding: 15px 10px 50px; line-height: 24px;}

    .index_advantages .index_ad_1 .index_ad:hover{ background-color: #1f449c; border: 1px #1f449c solid;}
    .index_advantages .index_ad_1 .index_ad:hover h3{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover p{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_a{ background: url("../images/index_ad_11.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_b{ background: url("../images/index_ad_22.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_c{ background: url("../images/index_ad_33.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_d{ background: url("../images/index_ad_44.png") center center no-repeat;}



    .index_news .index_news_h{ font-size: 40px; color: #1f449c; font-weight: bold; text-align: center; letter-spacing: 0.1em;}
    .index_news .index_news_h span{ color: #333; }
    .index_news p{ font-size: 18px; color: #6c6c6c; text-align: center; margin-top: 20px; letter-spacing: 0.1em}
    .index_news .index_news_nav{  margin-top: 50px; }
    .index_news .index_news_nav ul a{padding: 10px 30px; border: 1px #333 solid;  margin-right:30px;}
    .index_news .index_news_con { margin-top: 50px; float: left; margin-bottom: 30px;}
    .index_news .index_news_con .index_news_list{ padding-left: 0;  margin-bottom: 20px; }
    .index_news .index_news_con .index_news_list .time{ background-color:#303030;float: left;text-align: center;font-weight: normal;
        vertical-align: middle; padding: 10px; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .time strong{font-size: 40px;display: block; color: #fff;}
    .index_news .index_news_con .index_news_list .time span{ display: block;color:#fff;font-size: 16px;}
    .index_news .index_news_con .index_news_list .i_n_c{ background-color: #f0f0f0; padding: 10px;
        float: left; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .i_n_c  .i_n_c_h{ font-size: 18px;color: #333;padding-left: 10px;white-space:nowrap;  text-overflow:ellipsis;
        -o-text-overflow:ellipsis;  overflow: hidden;}
    .index_news .index_news_con .index_news_list .i_n_c p{ font-size: 14px; color: #787878; margin-top: 14px; text-overflow:ellipsis;
        overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;   }
    .index_news .index_news_con .index_news_list:hover .time { background-color: #1f449c; border: 1px #1f449c solid;}
    .index_news .index_news_con .index_news_list:hover .i_n_c { border: 1px #1f449c solid;}


    
}

@media (min-width: 992px){
    section{padding:30px 0;}


}

@media (min-width: 1200px) {
    .index_pro form{float: right; width:20%;border:1px solid #1f449c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#fff;
    position:relative;padding:5px;margin-top: 10px;}
    .index_pro input[type='text']{width:89%;background:transparent;border:0;font-size:12px;}
    .index_pro input[type='submit']{position:absolute;right:0;top:1px;width:20px;background:transparent;border:0;height:100%;}
    .index_pro i{color: #1f449c;padding-right: 5px;}


    .index_pro{ background: url("../images/index_pro_bg.png")  center top no-repeat;}
    .index_pro .container .row{ }
    .index_pro .index_pro_left{ margin-top: 50px;padding-left: 0; margin-bottom: 80px; }
    .index_pro .index_pro_left img{ width: 100%; }
    .index_pro .index_pro_right{ margin-top: 50px;padding-left: 0; padding-right: 0; margin-bottom: 80px; }
    .index_pro .index_pro_right img{ width: 100%; }
    .index_pro .index_pro_h{ font-size: 48px; color: #1f449c; clear: both;}
    .index_pro .index_pro_h span{ font-size: 26px ;color: #505050;}
    .index_pro p{ font-size: 18px; color: #a2a2a2; text-transform: uppercase; letter-spacing: 0.05em;}

    .index_pro .index_pro_right .index_pro_r_list{ margin-bottom: 38px;}

    .index_pro a.image{display: block;position:relative;}
   .index_pro .index_title{position:absolute;width:100%;height:15%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:85%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
       transition: all .5s ease-in-out; padding: 20px ; color: #fff; font-size: 24px;}

    .index_pro .index_pro_right .index_title{position:absolute;width:100%;height:30%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:70%;
        -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; text-align: center; color: #fff; font-size: 18px;}

    .index_pro  .index_pro_left .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_left .list_pro .layer img {  position:relative; width:10%;top:32%; left: 42%;}
    .index_pro  .index_pro_left .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_left .list_pro:hover .layer span{ position:absolute;color: #fff; top:55%; left: 36%; font-size: 18px;}
    .index_pro .index_pro_left  .list_pro:hover .index_title{ display: none;}
    .index_pro  .index_pro_right .list_pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.75);left:0;top:0;-webkit-transform: scale(0,0);
        -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
    .index_pro .index_pro_right .list_pro .layer img {  position:relative; width:20%;top:25%; left: 40%;}
    .index_pro  .index_pro_right .list_pro:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
    .index_pro  .index_pro_right .list_pro:hover .layer span{ position:absolute;color: #fff; top:60%; left: 25%; font-size: 18px;}
    .index_pro .index_pro_right  .list_pro:hover .index_title{ display: none;}


    .index_pro .index_sp{ margin-top: 100px; margin-left: 25px;}
    .index_pro .index_sp img { width: 100%;}
    .index_pro .index_sp p{ font-size: 14px; color: #333;text-decoration:underline; margin-top: 10px;}
    .index_pro .index_about{ margin-top: 100px;}
    .index_pro .index_about h3{ font-size: 28px;}
    .index_pro .index_about h1{ font-weight: bold;  font-size: 40px; color: #1f449c; margin-top: 15px; letter-spacing: 0.05em;}
    .index_pro .index_about p{ font-size: 14px; color: #646464; margin-top: 50px;}
    .index_pro .index_about img{ margin-top: 35px;}
    .index_pro .index_wait{ margin-top: 100px;}
    .index_pro .index_wait img{ width: 100%;}


    /*advantages*/
    .index_advantages { background: url("../images/index_ad_bg.png") center top no-repeat;}
    .index_advantages .index_ad_h{  font-size: 40px; color:#333; font-weight: bold; text-align: center; letter-spacing: 0.1em;  margin-top: 40px;}
    .index_advantages .index_ad_h span{ color: #1f449c;}
    .index_advantages p{ text-align: center; color: #6c6c6c; font-size: 18px; margin-top: 20px;}
	.index_advantages .index_ad_1{ margin-top:80px; float: left; margin-bottom: 80px;}
    .index_advantages .index_ad_1 .index_ad{ background-color: #fff; border: 1px #ddd solid;}
    .index_advantages .index_ad_1 .index_ad .index_ad_a{ background: url("../images/index_ad_1.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_b{ background: url("../images/index_ad_2.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_c{ background: url("../images/index_ad_3.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_d{ background: url("../images/index_ad_4.png") center center no-repeat;  padding: 70px;}
    .index_advantages .index_ad_1 .index_ad h3{ text-align: center;letter-spacing: 0.05em;}
    .index_advantages .index_ad_1 .index_ad p{ text-align: left; font-size: 14px; color: #818080; padding: 15px 10px 50px; line-height: 24px;}
    .index_advantages .index_ad_1 .index_ad .index_ad_b p{padding-bottom:26px;}

    .index_advantages .index_ad_1 .index_ad:hover{ background-color: #1f449c; border: 1px #1f449c solid;}
    .index_advantages .index_ad_1 .index_ad:hover h3{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover p{ color: #fff;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_a{ background: url("../images/index_ad_11.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_b{ background: url("../images/index_ad_22.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_c{ background: url("../images/index_ad_33.png") center center no-repeat;}
    .index_advantages .index_ad_1 .index_ad:hover .index_ad_d{ background: url("../images/index_ad_44.png") center center no-repeat;}


    /* news*/
    .index_news .index_news_h{ font-size: 40px; color: #1f449c; font-weight: bold; text-align: center; letter-spacing: 0.1em;}
    .index_news .index_news_h span{ color: #333; }
    .index_news p{ font-size: 18px; color: #6c6c6c; text-align: center; margin-top: 20px; letter-spacing: 0.1em}
    .index_news .index_news_nav{  margin-top: 50px; }
    .index_news .index_news_nav ul a{padding: 10px 30px; border: 1px #333 solid;  margin-right:30px;}
    .index_news .index_news_con { margin-top: 50px; float: left; margin-bottom: 80px;}
    .index_news .index_news_con .index_news_list{   margin-bottom: 20px; }
    .index_news .index_news_con .index_news_list .time{ background-color:#303030;float: left;text-align: center;font-weight: normal;
        vertical-align: middle; padding: 10px; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .time strong{font-size: 40px;display: block; color: #fff;}
    .index_news .index_news_con .index_news_list .time span{ display: block;color:#fff;font-size: 16px;}
    .index_news .index_news_con .index_news_list .i_n_c{ background-color: #f0f0f0; padding: 10px;
        float: left; border: 1px #fff solid;}
    .index_news .index_news_con .index_news_list .i_n_c  .i_n_c_h{ font-size: 18px;color: #333;padding-left: 10px;white-space:nowrap;  text-overflow:ellipsis;
        -o-text-overflow:ellipsis;  overflow: hidden;}
    .index_news .index_news_con .index_news_list .i_n_c p{ font-size: 14px; color: #787878; margin-top: 14px; text-overflow:ellipsis;
        overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;   }
    .index_news .index_news_con .index_news_list:hover .time { background-color: #1f449c; border: 1px #1f449c solid;}
    .index_news .index_news_con .index_news_list:hover .i_n_c { border: 1px #1f449c solid;}

    .index_news img{ width: 100%;}
  }


